<template>
    <div>
        <el-container>
            <el-aside width="auto">
                <!-- 侧边组件 -->
                <common-aside />

            </el-aside>
            <el-container>
                <el-header>
                    <!-- 顶栏组件 -->
                    <common-header />
                </el-header>
                <!-- tag 标签 -->
                <common-tag />

                <el-main>
                    <!-- 路由匹配到的组件将渲染在这里 -->
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>
<script>
import CommonAside from '../components/CommonAside'
import CommonHeader from '../components/CommonHeader'
import CommonTag from '@/components/CommonTag.vue';
export default {
    data() {
        return {};
    },
    components: {
        CommonAside,
        CommonHeader,
        CommonTag
    }
    
}
</script>

<style lang="less" scoped>
    .el-header {
        padding: 0;
    }
</style>